@use './variables.scss' as *;

@media screen and (max-width: 992px) {
  .avue-sidebar{
    position: fixed;
    top:0;
    left: -265px;
    z-index:1024;
  }
  .avue--collapse{
    .avue-sidebar{
      left:0;
      width: $sidebar_width;
    }
    .avue-logo{
      width: $sidebar_width;
    }
    .avue-main{
      margin-left:$sidebar_width;
    }
  }
  // ele的自适应
  .el-dialog,
  .el-message-box {
    width: 98%;
  }
  //登录页面
  .login-left {
    width: 100%;
    min-height: auto;
    .title{
      margin-top: 20px;
      font-size: 20px;
      text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    }
    .img{
      width: 50px;
    }
  }
  .login-logo {
    padding-top: 30px;
    margin-left: -30px;
  }
  .login-border {
    border-radius: 5px;
    padding: 20px;
    margin: 0 auto;
    width: 100%;
  }
  .login-main {
    width: 100%;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow:none
  }
  .login-container{
    &::before {
      margin-left:0
    }
  }
  .top-bar__item {
    display: none;
  }
}
